<template>
    <dl class="item" @click="$emit('openDialog')">
        <dt>
            <img :src="$attrs.pic" :alt="$attrs.name">
        </dt>
        <dd>
            <h4>{{$attrs.name}}</h4>
        </dd>
    </dl>
</template>
<script>
export default {
    name:'list',
    props:{
        audio:{
            type:String,
            default:'音频地址'
        },
        downurl:{
            type:String,
            default:'视频地址'
        },
        aid:{
            type:Number,
            default:1222
        }
    },
    created(){
        console.log(this.$attrs);
    }
}
</script>

<style scoped>
    .item{
        width:100%;
        display: flex;
    }
    .item dt{
        width:80px;
        height:80px;
        margin-right:10px;
    }

    .item dt img{
        width:100%;
        height: 100%;
    }
</style>
